﻿<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>

<fmt:setBundle basename="ApplicationMessage" />


<!DOCTYPE html>
<html lang="zh-CN">
<head>

  <%@ include file="/WEB-INF/include/meta.jsp"%>
  <%@ include file="/WEB-INF/include/css.jsp"%>

</head>

<body class="ihg-theme-draft">

  <div class="container-fluid ihg-container">

    <div class="ihg-content-layout" style="margin-top: 0px;">
      <div class="row">
        <div class="col-xs-12" style="margin-top: 10px;">
          
          <div class="clearfix" style="margin-top: 30px;">
            <div style="margin-left: 0px;">
              <div class="panel-group email-panel-group" id="accordion">
                <div class="panel panel-email panel-email-header">
                  <div class="panel-heading">
                    <div class="panel-title">
                      <div class="email-item">
                        <div class="item item-icon" style="width:40px;"><i class="glyphicon glyphicon-envelope"></i></div>
                        <div class="item item-author"><fmt:message key="assessor.362" /></div>
                        <div class="item item-theme"><fmt:message key="assessor.363" /></div>
                      </div>
                    </div>
                  </div>
                </div>
                <div class="panel panel-email">
                  <div class="panel-heading">
                    <h4 class="panel-title">
                      <%-- <a class="email-item" href="${ctx.host}/sessions/1/ib-assessments/1/delegate-question/1" data-toggle="modal" data-target="#myModal"> --%>
                      <a class="email-item" role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
                        <div class="item item-icon" style="width:40px;"><i class="glyphicon glyphicon-envelope"></i></div>
                        <div class="item item-author">Oscar Alami【副总工程师】</div>
                        <div class="item item-theme">电梯故障处理现场的情况</div>
                      </a>
                    </h4>
                  </div>
                  <div id="collapseOne" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingOne" style="padding: 10px;">
                    <div style="height: 400px; overflow-y: scroll;">
                    <h4 style="">原题</h4>
                    <div class="panel-body panel-email-body ib-assessment-email">
                      <div class="header">
                        <p><strong>发件人：&nbsp;&nbsp;</strong>Oscar Alami【副总工程师】</p>
                        <p><strong>收件人：&nbsp;&nbsp;</strong>Terry Kay【你】</p>
                        <p><strong>抄&nbsp;&nbsp;&nbsp;送：&nbsp;&nbsp;</strong>Logan Pernam 【工程安保总监】</p>
                        <p><strong>日&nbsp;&nbsp;&nbsp;期：&nbsp;&nbsp;</strong>20XX年1月15日，星期五 14:19</p>
                        <p><strong>主&nbsp;&nbsp;&nbsp;题：&nbsp;&nbsp;</strong>电梯故障处理现场的情况</p>
                      </div>
                      <div class="body">
                        <p>Terry您好！</p>
                        <p>应您要求我们还原了一下Diaz先生今早困梯的大致经过：<br>Diaz先生的房间位于18楼行政楼层，他于今早7:40分左右乘电梯并按下1层按钮，但当电梯下降到10楼和11楼之间的时候轿厢突然停滞。</p>
                        <p>客人按紧急按钮报警，我们第一时间通知了维保公司和您。维修人员在我们报修之后16分钟到达，并用了2分钟左右的时间将电梯门打开。从客人报警到将打开轿厢一共用时不超过20分钟.本次轿厢停滞的原因是软件故障，现在已经排除。我们的电梯一直是按时保养的，请您知晓。还需要我们做些什么，请您告知。谢谢！</p>
                        <br>
                        <br>
                        <p>Oscar<br>副总工程师<br>EverGreen Calaford Hotel</p>
                      </div>
                    </div>
                    <h4>以下为学员答案</h4>
                    <div class="panel-body panel-email-body ib-assessment-email">
                      <c:choose>
                        <c:when test="${not empty answers['emailTwo']['no-response']}">
                          <div class="footer-layout-header" style="border-top-color: transparent; font-size: 16px; font-weight: bold;"><fmt:message key="assessor.noresponse" /></div>
                        </c:when>
                        <c:otherwise>
                          <div class="email-communication" style="margin-bottom: 0;">
                            <div class="footer-layout-header" style="border-top-color: transparent; font-size: 16px; font-weight: bold;"><fmt:message key="assessor.communication" /></div>
                          </div>
                          <c:forEach var="comAnswer" items="${answers['emailTwo']['communication']}">
                            <div class="email-footer-content">
                              <div class="form-group clearfix">
                                <label class="control-label text-right"><fmt:message key="assessor.communication.type" /></label>
                                <div class="form-content label-group">
                                  <p>${comAnswer.communicationType}</p>
                                </div>
                              </div>
                              <div class="form-group clearfix">
                                <label class="control-label text-right"><fmt:message key="assessor.email.to" /></label>
                                <div class="form-content">
                                  <p class="form-control-static no-padding">${comAnswer.communicationTo}</p>
                                </div>
                              </div>
                              <div class="form-group clearfix">
                                <label class="control-label text-right"><fmt:message key="assessor.email.content" /></label>
                                <div class="form-content no-padding">
                                  <div style="height: auto;">
                                    ${comAnswer.content}
                                  </div>
                                </div>
                              </div>
                            </div>
                          </c:forEach> 
                          
                          <div class="email-communication" style="margin-top: 15px; margin-bottom: 0;">
                            <div class="footer-layout-header" style="border-top-color: transparent; font-size: 16px; font-weight: bold;"><fmt:message key="assessor.action" /></div>
                          </div>
                          <c:forEach var="actAnswer" items="${answers['emailTwo']['action']}">
                            <div class="email-footer-content">
                              <div class="form-group clearfix">
                                <label class="control-label text-right"><fmt:message key="assessor.action" />1：</label>
                                <div class="form-content">
                                  <p class="form-control-static no-padding">${actAnswer.content}</p>
                                </div>
                              </div>
                            </div>
                          </c:forEach>
                        </c:otherwise>
                      </c:choose>
                    </div>
                  </div>
                  </div>
                </div>
                
                
                <div class="panel panel-email">
                  <div class="panel-heading">
                    <h4 class="panel-title">
                      <a class="email-item" role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseTwo" aria-expanded="true" aria-controls="collapseTwo">
                        <div class="item item-icon" style="width:40px;"><i class="glyphicon glyphicon-envelope"></i></div>
                        <div class="item item-author">Jenny Ng 【市场传媒主管】</div>
                        <div class="item item-theme">客人在社交媒体上发布的严重投诉</div>
                      </a>
                    </h4>
                  </div>
                  <div id="collapseTwo" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingTwo" style="padding: 10px;">
                    <div style="height: 400px; overflow-y: scroll;">
                    <h4 style="">原题</h4>
                    <div class="panel-body panel-email-body ib-assessment-email">
                      <div class="header">
                        <p>
                          <strong>发件人：&nbsp;&nbsp;</strong>Jenny Ng 【市场传媒主管】
                        </p>
                        <p>
                          <strong>时间：&nbsp;&nbsp;</strong>20XX年1月15日 星期六 8:45am
                        </p>
                        <p>
                          <strong>收件人：&nbsp;&nbsp;</strong>Terry Kay 【你】
                        </p>
                        <p>
                          <strong>抄送：&nbsp;&nbsp;</strong>Hayden Smith 【市场销售总监】
                        </p>
                        <p>
                          <strong>主题：&nbsp;&nbsp;</strong>客人在社交媒体上发布的严重投诉
                        </p>
                      </div>
                      <div class="body">
                        <p>Terry 总，</p>
                        <p>就刚才电话里跟您简要沟通的情况，我补充一些信息。我刚刚查了一下，环泰集团的CEO Loren Diaz是一名绿色公益的宣传大使，而且他的社交媒体账号经过认证，有几十万的粉丝，影响力比较大。</p>
                        <p>他在社交媒体上发布的那条抱怨困梯的微博是昨晚10点左右发出的， @了我们酒店。而且我看到他在Booking.com上也发表了差评。事出紧急，因为这位客人比较重要，我比较谨慎，还没有回复。</p>
                        <p>附件是他社交媒体上和Booking.com的评论，我初步拟定了一条回复，请您审阅。 您对回复有什么建议，以及接下来我该做些什么来尽量减少负面影响？ 谢谢您的帮助。</p>
                        <p>等待您的指示。</p>
                        <br>
                        <p><strong>p.s.</strong>我拟定的回复初稿：</p>
                        <p><i style="color: #0070c0;">尊敬的客人，我们对您的经历感到十分抱歉！我们的处理过程仅用了20分钟，属于相对正常的时间范围，希望您能理解。针对这次事件的原因，我们已经成立了调查小组，会对此事跟进并与您联系。我们下一次一定会做的更好。感谢您的信任并欢迎再次入住 @EverGreen Calaford Hotel。</i></p>
                        <br>
                        <p>Jenny Ng<br>市场传媒主管</p>
                      </div>
                    </div>
                    <h4>以下为学员答案</h4>
                    <div class="panel-body panel-email-body ib-assessment-email">
                      <%-- <div class="email-footer-content">
                        <div class="form-group clearfix">
                          <label class="control-label text-right"><fmt:message key="assessor.communication.type" /></label>
                          <div class="form-content label-group">
                            <p>邮件</p>
                          </div>
                        </div>
                        <div class="form-group clearfix">
                          <label class="control-label text-right"><fmt:message key="assessor.email.to" /></label>
                          <div class="form-content">
                            <p class="form-control-static no-padding">All employees of the hotel</p>
                          </div>
                        </div>
                        <div class="form-group clearfix">
                          <label class="control-label text-right"><fmt:message key="assessor.email.content" /></label>
                          <div class="form-content no-padding">
                            <div style="height: auto;">
                              <p>Subject: Well Done!</p>
                              <p>Dear Colleagues,</p>
                              <p>Good Afternoon!<br>I am glad to share a warm commendation letter from our guest Ms. Katerina Price. You guys worked closely together to provide unforgettable experience for our guests, which I really appreciate.</p>
                              <p>Satisfaction of our guests makes us proud. Thank you for all your efforts! Let us keep on improving and make our hotel the favorite of our guests!</p>
                              <br>
                              <p>Terry Kay<br>2018/1/15</p>
                            </div>
                          </div>
                        </div>
                      </div> --%>
                      <c:choose>
                        <c:when test="${not empty answers['emailThree']['no-response']}">
                          <div class="footer-layout-header" style="border-top-color: transparent; font-size: 16px; font-weight: bold;"><fmt:message key="assessor.noresponse" /></div>
                        </c:when>
                        <c:otherwise>
                          <div class="email-communication" style="margin-bottom: 0;">
                            <div class="footer-layout-header" style="border-top-color: transparent; font-size: 16px; font-weight: bold;"><fmt:message key="assessor.communication" /></div>
                          </div>
                          <c:forEach var="comAnswer" items="${answers['emailThree']['communication']}">
                            <div class="email-footer-content">
                              <div class="form-group clearfix">
                                <label class="control-label text-right"><fmt:message key="assessor.communication.type" /></label>
                                <div class="form-content label-group">
                                  <p>${comAnswer.communicationType}</p>
                                </div>
                              </div>
                              <div class="form-group clearfix">
                                <label class="control-label text-right"><fmt:message key="assessor.email.to" /></label>
                                <div class="form-content">
                                  <p class="form-control-static no-padding">${comAnswer.communicationTo}</p>
                                </div>
                              </div>
                              <div class="form-group clearfix">
                                <label class="control-label text-right"><fmt:message key="assessor.email.content" /></label>
                                <div class="form-content no-padding">
                                  <div style="height: auto;">
                                    ${comAnswer.content}
                                  </div>
                                </div>
                              </div>
                            </div>
                          </c:forEach>
                          
                          <div class="email-communication" style="margin-top: 15px; margin-bottom: 0;">
                            <div class="footer-layout-header" style="border-top-color: transparent; font-size: 16px; font-weight: bold;"><fmt:message key="assessor.action" /></div>
                          </div>
                          <c:forEach var="actAnswer" items="${answers['emailThree']['action']}">
                            <div class="email-footer-content">
                              <div class="form-group clearfix">
                                <label class="control-label text-right"><fmt:message key="assessor.action" />1：</label>
                                <div class="form-content">
                                  <p class="form-control-static no-padding">${actAnswer.content}</p>
                                </div>
                              </div>
                            </div>
                          </c:forEach>
                        </c:otherwise>
                      </c:choose>
                    </div>
                  </div>
                  </div>
                </div>
                
                
                <div class="panel panel-email">
                  <div class="panel-heading">
                    <h4 class="panel-title">
                      <%-- <a class="email-item" href="${ctx.host}/sessions/1/ib-assessments/1/delegate-question/3"> --%>
                      <a class="email-item" role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseThree" aria-expanded="true" aria-controls="collapseThree">
                        <div class="item item-icon" style="width:40px;"><i class="glyphicon glyphicon-envelope"></i></div>
                        <div class="item item-author">Aisha Kanter【前厅部经理 】</div>
                        <div class="item item-theme">可能的食物中毒情况</div>
                      </a>
                    </h4>
                  </div>
                  <div id="collapseThree" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingThree" style="padding: 10px;">
                    <div style="height: 400px; overflow-y: scroll;">
                    <h4 style="">原题</h4>
                    <div class="panel-body panel-email-body ib-assessment-email">
                      <div class="header">
                        <p>
                          <strong>发件人：&nbsp;&nbsp;</strong>Aisha Kanter【前厅部经理 】
                        </p>
                        <p>
                          <strong>发送时间：&nbsp;&nbsp;</strong>20XX年1月15日
                        </p>
                        <p>
                          <strong>收件人：&nbsp;&nbsp;</strong>Terry Kay 【你】
                        </p>
                        <p>
                          <strong>主题：&nbsp;&nbsp;</strong>可能的食物中毒情况
                        </p>
                      </div>
                      <div class="body">
                        <p>K总：</p>
                        <br>
                        <p>我刚刚接到一位宾客的电话，说她吃了昨晚通过客房服务预定的鱼之后，怀疑发生了食物中毒。她说她非常不舒服，无法离开房间。您需要我怎样处理此事？
          我们希望您了解的是，我们上个月已获得国际健康与安全标准的认证，我十分确定，我们提供的食物符合标准。 </p>
                        <br>
                        <br>
                        <p>Aisha<br>Front Office Manager<br>EverGreen Calaford Hotel</p>
                      </div>
                    </div>
                      
                    <h4>以下为学员答案</h4>
                    <div class="panel-body panel-email-body ib-assessment-email">
                      <c:choose>
                        <c:when test="${not empty answers['emailFour']['no-response']}">
                          <div class="footer-layout-header" style="border-top-color: transparent; font-size: 16px; font-weight: bold;"><fmt:message key="assessor.noresponse" /></div>
                        </c:when>
                        <c:otherwise>
                          <div class="email-communication" style="margin-bottom: 0;">
                            <div class="footer-layout-header" style="border-top-color: transparent; font-size: 16px; font-weight: bold;"><fmt:message key="assessor.communication" /></div>
                          </div>
                          <c:forEach var="comAnswer" items="${answers['emailFour']['communication']}">
                            <div class="email-footer-content">
                              <div class="form-group clearfix">
                                <label class="control-label text-right"><fmt:message key="assessor.communication.type" /></label>
                                <div class="form-content label-group">
                                  <p>${comAnswer.communicationType}</p>
                                </div>
                              </div>
                              <div class="form-group clearfix">
                                <label class="control-label text-right"><fmt:message key="assessor.email.to" /></label>
                                <div class="form-content">
                                  <p class="form-control-static no-padding">${comAnswer.communicationTo}</p>
                                </div>
                              </div>
                              <div class="form-group clearfix">
                                <label class="control-label text-right"><fmt:message key="assessor.email.content" /></label>
                                <div class="form-content no-padding">
                                  <div style="height: auto;">
                                    ${comAnswer.content}
                                  </div>
                                </div>
                              </div>
                            </div>
                          </c:forEach>
                          
                          <div class="email-communication" style="margin-top: 15px; margin-bottom: 0;">
                            <div class="footer-layout-header" style="border-top-color: transparent; font-size: 16px; font-weight: bold;"><fmt:message key="assessor.action" /></div>
                          </div>
                          <c:forEach var="actAnswer" items="${answers['emailFour']['action']}">
                            <div class="email-footer-content">
                              <div class="form-group clearfix">
                                <label class="control-label text-right"><fmt:message key="assessor.action" />1：</label>
                                <div class="form-content">
                                  <p class="form-control-static no-padding">${actAnswer.content}</p>
                                </div>
                              </div>
                            </div>
                          </c:forEach>
                        </c:otherwise>
                      </c:choose>
                    </div>
                  </div>
                  </div>
                </div>
                
                
                <div class="panel panel-email">
                  <div class="panel-heading">
                    <h4 class="panel-title">
                      <a class="email-item" role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseFour" aria-expanded="true" aria-controls="collapseFour">
                        <div class="item item-icon" style="width:40px;"><i class="glyphicon glyphicon-envelope"></i></div>
                        <div class="item item-author">法兰克福能源公司</div>
                        <div class="item item-theme">表扬信</div>
                      </a>
                    </h4>
                  </div>
                  <div id="collapseFour" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingFour" style="padding: 10px;">
                    <div style="height: 400px; overflow-y: scroll;">
                    <h4 style="">原题</h4>
                    <div class="panel-body panel-email-body ib-assessment-email">
                      <div class="header">
                        <p>
                          <strong>发件人：&nbsp;&nbsp;</strong>法兰克福能源公司
                        </p>
                        <p>
                          <strong>发送时间&nbsp;&nbsp;</strong>20XX年1月15日
                        </p>
                        <p>
                          <strong>收件人：&nbsp;&nbsp;</strong>行政值班经理
                        </p>
                        <p>
                          <strong>主题：&nbsp;&nbsp;</strong>表扬信
                        </p>
                      </div>
                      <div class="body">
                        <p>致相关人员：</p>
                        <br>
                        <p>我经常旅行，因此有机会与许多连锁酒店的员工交流。最近，我在贵酒店举办了一场25人规模、为期两天的会议。我的评价是，您的会议职员是我在工作中所遇到的最好的职员。他们非常关注我们的需要，并能够迅速回应我们提出的许多要求。他们还十分具有节能意识，确保我们的会议尽可能有效地节约能源。我没能记下帮助过我们的所有人的名字，不过 Bettina、Andre、Maria和Randolph都为我们提供了极其热心周到的帮助，令我印象深刻。</p>
                        <p>希望您能够重视这些很棒的员工，因为正是他们的行动令您的酒店与众不同。</p>
                        <p>此致</p>
                        <br>
                        <p>Zach Saram<br>环境工程部高级副总裁<br>法兰克福能源公司</p>
                      </div>
                    </div>
                    <h4>以下为学员答案</h4>
                    <div class="panel-body panel-email-body ib-assessment-email">
                      <%-- <div class="email-footer-content">
                        <div class="form-group clearfix">
                          <label class="control-label text-right"><fmt:message key="assessor.communication.type" /></label>
                          <div class="form-content label-group">
                            <p>邮件</p>
                          </div>
                        </div>
                        <div class="form-group clearfix">
                          <label class="control-label text-right"><fmt:message key="assessor.email.to" /></label>
                          <div class="form-content">
                            <p class="form-control-static no-padding">All employees of the hotel</p>
                          </div>
                        </div>
                        <div class="form-group clearfix">
                          <label class="control-label text-right"><fmt:message key="assessor.email.content" /></label>
                          <div class="form-content no-padding">
                            <div style="height: auto;">
                              <p>Subject: Well Done!</p>
                              <p>Dear Colleagues,</p>
                              <p>Good Afternoon!<br>I am glad to share a warm commendation letter from our guest Ms. Katerina Price. You guys worked closely together to provide unforgettable experience for our guests, which I really appreciate.</p>
                              <p>Satisfaction of our guests makes us proud. Thank you for all your efforts! Let us keep on improving and make our hotel the favorite of our guests!</p>
                              <br>
                              <p>Terry Kay<br>2018/1/15</p>
                            </div>
                          </div>
                        </div>
                      </div> --%>
                      <c:choose>
                        <c:when test="${not empty answers['emailFour']['no-response']}">
                          <div class="footer-layout-header" style="border-top-color: transparent; font-size: 16px; font-weight: bold;"><fmt:message key="assessor.noresponse" /></div>
                        </c:when>
                        <c:otherwise>
                          <div class="email-communication" style="margin-bottom: 0;">
                            <div class="footer-layout-header" style="border-top-color: transparent; font-size: 16px; font-weight: bold;"><fmt:message key="assessor.communication" /></div>
                          </div>
                          <c:forEach var="comAnswer" items="${answers['emailFive']['communication']}">
                            <div class="email-footer-content">
                              <div class="form-group clearfix">
                                <label class="control-label text-right"><fmt:message key="assessor.communication.type" /></label>
                                <div class="form-content label-group">
                                  <p>${comAnswer.communicationType}</p>
                                </div>
                              </div>
                              <div class="form-group clearfix">
                                <label class="control-label text-right"><fmt:message key="assessor.email.to" /></label>
                                <div class="form-content">
                                  <p class="form-control-static no-padding">${comAnswer.communicationTo}</p>
                                </div>
                              </div>
                              <div class="form-group clearfix">
                                <label class="control-label text-right"><fmt:message key="assessor.email.content" /></label>
                                <div class="form-content no-padding">
                                  <div style="height: auto;">
                                    ${comAnswer.content}
                                  </div>
                                </div>
                              </div>
                            </div>
                          </c:forEach>
                          
                          <div class="email-communication" style="margin-top: 15px; margin-bottom: 0;">
                            <div class="footer-layout-header" style="border-top-color: transparent; font-size: 16px; font-weight: bold;"><fmt:message key="assessor.action" /></div>
                          </div>
                          <c:forEach var="actAnswer" items="${answers['emailFive']['action']}">
                            <div class="email-footer-content">
                              <div class="form-group clearfix">
                                <label class="control-label text-right"><fmt:message key="assessor.action" />1：</label>
                                <div class="form-content">
                                  <p class="form-control-static no-padding">${actAnswer.content}</p>
                                </div>
                              </div>
                            </div>
                          </c:forEach>
                        </c:otherwise>
                      </c:choose>
                    </div>
                  </div>
                </div>
                </div>
              </div>
            </div>
          </div>

        </div>
    
    </div>
  </div>

  </div>
  <%@ include file="/WEB-INF/include/footer.jsp"%>
  <%@ include file="/WEB-INF/include/script.jsp"%>

</body>
</html>